<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>乐峰网</title>
		<link rel="stylesheet" href="css/footer.css" />
		<link rel="stylesheet" href="css/lefeng.css"/>
		<link rel="stylesheet" href="css/sweetalert.css" />
		<script src="js/jquery-1.11.2.min.js"></script>
		<script src="js/sweetalert.min.js"></script>
		<script src="js/lefeng.js"></script>
		<script src="js/shouye.js"></script>
		<style>
			body,div,ul,li{margin: 0;padding: 0;}
			#container{width: 1349px;height: 360px;overflow: hidden;position: relative;top:-26px;}
			li{list-style: none;float: left;}
			#box img{width: 1349px;height: 360px;}
			#box{height: 100%;width: 6745px;}
			#nav{ position: absolute;width: 100px;height: 20px;/*background: rgba(0,0,0,0.4);*/bottom: 0;
				left: 50%;transform: translate(-50%);display: flex;border-radius: 20px;text-align: center;
        }
            #nav li{flex:1;font-size: 20px;cursor: pointer;color: #fff;}
		</style>
	</head>

	<body>
		<div class="header"></div>
		<div class="Chead">
			<div class="Cheads">
				<div class="box">
				<div class="Cheads-box">
					<div class="Cheads-shope">
					送货到
					<a >陕西</a><img src="img/ss.jpg"/>
				    </div>
				    <div class="Cheads-xiala">
				    	<ul>
				    		<li><a>湖南</a></li>
				    		<li><a>湖北 </a></li>
				    		<li><a>河南</a></li>
				    		<li><a>江西 </a></li>
				    		<li><a>四川</a></li>
				    		<li><a>贵州 </a></li>
				    		<li><a>云南 </a></li>
				    		<li><a>重庆</a></li>
				    		<li><a>西藏</a></li>
				    		<li><a>广东</a></li>
				    		<li><a>广西   </a></li>
				    		<li><a>海南 </a></li>
				    		<li><a>北京</a></li>
				    		<li><a>河北</a></li>
				    		<li><a>西藏</a></li>
				    		<li><a>内蒙古</a></li>
				    		<li><a>重庆</a></li>
				    		<li><a>西藏</a></li>
				    		<li><a>广东</a></li>
				    		<li><a>广西   </a></li>
				    		<li><a>海南 </a></li>
				    		<li><a>北京</a></li>
				    		<li><a>河北</a></li>
				    		<li><a>西藏</a></li>
				    		<li><a>内蒙古</a></li>
				    		<li><a>广西   </a></li>
				    		<li><a>海南 </a></li>
				    		<li><a>北京</a></li>
				    		<li><a>河北</a></li>
				    		<li><a>西藏</a></li>
				    		<li><a>内蒙古</a></li>
				    	</ul>
				    </div>
				    <div class="welcome">欢迎来到乐峰，请&nbsp
				      <a href="乐蜂登录.html" class="denglu">登录</a>
				      &nbsp|&nbsp
				       <a href="乐蜂注册.html">免费注册</a>
				    </div>
				    <div class="dingdan">
				    	<a>我的订单</a><img src="img/ss.jpg"/>
				    	<ul class="dingdan-mon">
				    		<li><a>我的钱包</a></li></br>
				    		<li><a>我的礼券</a></li>
				    	</ul>
				    </div>
				     <div class="daohang">
				    	<a>快速导航</a><img src="img/ss.jpg"/>
				    	<ul class="daohang-mon">
				    		<li><a>帮助中心</a></li></br>
				    		<li><a>商务合作</a></li>
				    	</ul>
				    </div>
				   <div class="shoucang">
				   	<a href="self.html">收藏乐峰</a>
				   </div>
				   <div class="shouji">
				    	<img src="img/cc.jpg"/class="photo" ><a>手机乐峰</a>
				    	<img src="img/xz.jpg"/ class="photo1">
				    </div>
				</div>
				</div>
				  <div class="Cheads-main">
				  	<div class="logo">
				  		<img src="img/logo.jpg"/>
				  	</div>
				  	<div class="Cheads-search">
				  		<div class="Cheads-input">
				  			<strong class="search-submit">搜索</strong>
				  			<input type="text" placeholder="静佳" class="sear">
				  		</div>
				  		<p>
				  			<a href="#" id="re">热门：</a>
				  			<a href="#">静佳</a>
				  			<a href="#">防晒隔离</a>
				  			<a href="#">护肤套装</a>
				  			<a href="#">面膜</a>
				  		    <a href="#">口红</a>
				  		</p>
				  	</div>
				  	 <div class="Cheads-shopping">
				    <div class="photo2"></div>
				    <a class="lin">0</a>
				     <div class="Cheads-list">
				  	<div class="Cheads-li">
				  		<a>您的购物车还没有商品</a><br/>
				  		<a>赶紧去选购吧</a>
				  	</div>
				  </div>
				  </div>				 
				  </div>
			</div>			
		</div>
		<div class="Cheads-bottom">
				<div class="Cheads-center" >
					<div class="menu">
						<a>商品分类</a>
						<img src="img/c.jpg"/>
					</div>
					<div class="menu1">
						<a>首页 </a>					
					</div>
					<div class="menu2">
						<a>蜂购全球</a>					
					</div>
                   <div class="pho">
                        <img src="img/v.jpg"/>      
			</div>
			</div>
		</div>
		<div id="cyle">
			<div id="container">
			  <ul id="box">
			  	<li><img src="img/pp.jpg"></li>
			  	<li><img src="img/p1.jpg"></li>
			  	<li><img src="img/p3.jpg"></li>
			  	<li><img src="img/p.jpg"></li>
			  	<li><img src="img/p2.jpg"></li>
			  </ul>
			   <ul id="nav"></ul>
			</div>
	     <div id="float-list">
	     	<dl>
	     		<dt>
	     			<strong>
	     				<img src="img/y1.png"/>护肤用品
	     			</strong>
	     			<p>
	     				<a href="index.html">面膜</a>   
	     				<a href="#">防晒隔离</a>
	     				<a href="水之蔻.html">护肤套装 </a><br/>
	     				<a href="#">洁面</a>
	     				<a href="#">面部护肤 </a>
	     				<a href="#">眼部护理</a>
	     			</p>
	     		</dt>
	     	</dl>
	     	<dd id="last">
	     		<ul>
	     			<li>
	     				<strong><a>面膜></a></strong>
	     				<div id="float-list-cont">
	     					<a href="">面贴膜 </a>
	     					<a href="">免洗面膜 </a>
	     					<a href="">眼膜 </a>
	     					<a href="">泥膜</a><br/>
	     					<a href="">泡泡面膜 </a>
	     					<a href="">鼻膜鼻贴 </a>
	     				</div>
	     			</li><br/>
	     			
	     			<li>
	     				<strong><a>面膜 ></a></strong>
	     				<div id="float-list-cont">
	     					<a href="">护肤套装</a>	     					
	     				</div>
	     			</li>
	     			
	     			<li>
	     				<strong><a>面部护肤 ></a></strong>    
	     				<div id="float-list-cont">
	     					<a href="">面霜 </a>	 
	     					<a href="">乳液 </a>	    
	     					<a href="">爽肤水</a>	    
	     					<a href="">精华 </a>	 
	     					<a href="">喷雾</a>	 
	     				</div>
	     			</li>
	     		</ul>
	     		
	     		
	     		<ul style="position:absolute;" >
	     			<li>
	     				<strong><a>防晒隔离 ></a></strong>   
	     				<div id="float-list-cont">
	     					<a href="">防晒乳  </a>
	     					<a href=""> 防晒喷雾 </a>
	     					<a href="">隔离乳 </a>
	     				</div>
	     			</li><br/>
	     			
	     			<li>
	     				<strong><a>洁面 > </a></strong> 
	     				<div id="float-list-cont">
	     					<a href="">洁面乳 </a>
	     					<a href="">洁面膏  </a>	
	     					<a href="">洁面皂</a>	
	     				</div>
	     			</li>
	     			
	     			<li>
	     				<strong><a>眼部护理 ></a></strong>       
	     				<div id="float-list-cont">
	     					<a href="">眼霜  </a>	 
	     					<a href="">眼膜  </a>	    
	     					<a href="">眼部精华</a>	    
	     					<a href="">眼部护理套装  </a>
	     				</div>
	     			</li>
	     		</ul>
	     	</dd>
	     	
	     	<dl>
	     		<dt>
	     			<strong>
	     				<img src="img/y2.png"/>彩妆用品
	     			</strong>
	     			<p>
	     				<a href="#">底妆</a>   
	     				<a href="#">眼妆</a>
	     				<a href="#">唇妆 </a><br/>
	     				<a href="#">卸妆</a>
	     				<a href="#">美甲  </a>
	     				<a href="#">彩妆套装</a>
	     			</p>
	     		</dt>
	     	</dl>
	     	
	     	<dl>
	     		<dt>
	     			<strong>
	     				<img src="img/y3.png"/>美容工具
	     			</strong>
	     			<p>
	     				<a href="#">美容工具</a>   
	     				<a href="#">美妆工具</a>
	     				<a href="#">美发工具</a><br/>
	     				<a href="#">美甲工具</a>
	     				<a href="#">洁面工具</a>
	     				<a href="#">化妆工具</a>
	     			</p>
	     		</dt>
	     	</dl>	    	
	     </div>
		</div>
		
		<div class="gu">
			<div class="gu1"></div>
			<div class="gu2"></div>
		</div>
		<div id="che">
			<div class="left">
				<p style="margin-top:50px">加</p>
				<p>入</p>
				<p>购</p>
				<p>物</p>
				<p>车</p>
				<p><img src="img/che.gif" /></p>
				<p class="font3" id="sum">0</p>
			</div>
			<div class="right">
				<table>
				<thead>
					<tr>
						<td>名称</td>
						<!--<td>规格</td>-->
						<td>单价</td>
						<td>数量</td>
						<td>合计</td>
						<td>操作</td>
					</tr>
				</thead>
				<tbody>
					
				</tbody>
				
					
			</table>
			<span class="a">总计：</span>
			<span id="b">0</span>
			<span id="c">0.00</span>	
			</div>
		</div>
		<div id="center">
			<p class="tit1">
				<img src="img/tip3.png" />
				<span>每日只选<b>5件</b></span>
			</p>
			<div class="center-top">
				<div class="cont-pro-1 pro-list">
					<a href="">
						<img src="img/top1.jpg" class="a" />
						<div></div>
					</a>
					<i><img src="img/top11.png"/></i>
					<a href="">
						<h4><b>2.0折/</b>玫瑰花瓣卸妆水200ML</h4>
					</a>
					<span>
						<strong  >￥36.0</strong>
						<b>￥178.0</b>
					</span>
					<a  dan="36" tip="卸妆水" class="font1 addcar">加入购物车</a>
				</div>
				<div class="cont-pro-1 pro-list">
					<a href="">
						<img src="img/top2.jpg" class="a" />
						<div></div>
					</a>
					<i><img src="img/top22.png"/></i>
					<a href="">
						<h4><b>5.2折/</b>狮王CLINICA酵素洁净立式牙膏(清新薄荷) 130g</h4>
					</a>
					<span>
						<strong >￥25.0</strong>
						<b>￥48.0</b>
					</span>
					<a dan="25" tip="牙膏" class="font1 addcar">加入购物车</a>
				</div>
				<div class="cont-pro-2 pro-list">
					<a href="">
						<img src="img/top3.jpg" class="a" />
						<div></div>
					</a>
					<i><img src="img/top33.png"/></i>
					<a href="">
						<h4><b>3.5折/</b>蜗牛精华面膜25g*5片</h4>
					</a>
					<span>
						<strong >￥80.0</strong>
						<b>￥228.0</b>
					</span>
					<a class="font2 addcar" dan="80" tip="面膜">加入购物车</a>
				</div>
				<div class="cont-pro-2 pro-list">
					<a href="">
						<img src="img/top4.jpg" class="a" />
						<div></div>
					</a>
					<i><img src="img/top44.png"/></i>
					<a href="">
						<h4><b>2.6折/</b>Rearar DiaForce贵妇蓝宝石补水眼膜(限购一件)</h4>
					</a>
					<span>
						<strong >￥66.0</strong>
						<b>￥257.0</b>
					</span>
					<a class="font2 addcar"dan="66" tip="眼膜">加入购物车</a>
				</div>
				<div class="cont-pro-2 pro-list">
					<a href="">
						<img src="img/top5.jpg" class="a" />
						<div></div>
					</a>
					<i><img src="img/top55.png"/></i>
					<a href="">
						<h4><b>4.5折/</b>JAYJUN水光植物干细胞二部曲面膜10片装</h4>
					</a>
					<span>
						<strong >￥88.0</strong>
						<b>￥195.0</b>
					</span>
					<a class="font2 addcar" dan="88" tip="植物面膜">加入购物车</a>
				</div>
			</div>
			<p class="tit2">
				<img src="img/tip2.png" />
				<span>每天<b>10点</b>上新</span>
				<a href="">更多品牌</a>
			</p>
			<div class="center-center">
				<div class="brand">
					<a href="">
						<img src="img/center5.png" />
						<div class="wrap">&nbsp;&nbsp;满199减50&nbsp; 上不封顶</div>
					</a>
					<p>
						<span><b>1.8折起</b></span>超级品牌-佰草集
					</p>
				</div>
				<div class="brand">
					<a href="">
						<img src="img/center6.png" />
						<div class="wrap">&nbsp;&nbsp;买即赠玫瑰美白润手霜30g 数量有限 赠完为止</div>
					</a>
					<p>
						<span><b>1.2折起</b></span>特卖-九朵云护肤专场
					</p>
				</div>
			</div>
			<p class="tit3">
				<img src="img/tip1.png" />
			</p>
			<div class="center-bottom">
				<div class="center-bottom-c">
					<dl>
						<dt class="pro-pic">
							<a href="#"><img src="img/center1.png"/></a>
						</dt>
						<dd class="pro-nam">
							<b>4.4折/</b>
							<a href="">丽得姿领先润美焕彩亮颜修复面膜 10片</a>
							<i></i>
						</dd>
						<dd class="pro-pri">
							<span>￥118</span>
							<b>￥268</b>
							<a class="shop" dan="118" tip="修复面膜">加入购物车</a>
						</dd>
					</dl>
					<div class="pro"></div>
				</div>
				<div class="center-bottom-c">
					<dl>
						<dt class="pro-pic">
							<a href="#"><img src="img/center2.png"/></a>
						</dt>
						<dd class="pro-nam">
							<b>8.8折/</b>
							<a href="">蒂佳婷保湿遮瑕气垫修颜乳限量套装</a>
							<i></i>
						</dd>
						<dd class="pro-pri">
							<span>￥280</span>
							<b>￥318</b>
							<a class="shop" dan="280" tip="套装">加入购物车</a>
						</dd>
					</dl>
					<div class="pro"></div>
				</div>
				<div class="center-bottom-c">
					<dl>
						<dt class="pro-pic">
							<a href="#"><img src="img/center3.png"/></a>
						</dt>
						<dd class="pro-nam">
							<b>8.0折/</b>
							<a href="">丝塔芙倍护防晒乳SPF30+50ml</a>
							<i></i>
						</dd>
						<dd class="pro-pri">
							<span>￥182</span>
							<b>￥228</b>
							<a class="shop" dan="182" tip="防晒霜">加入购物车</a>
						</dd>
					</dl>
					<div class="pro"></div>
				</div>
				<div class="center-bottom-c">
					<dl>
						<dt class="pro-pic">
							<a href="#"><img src="img/center4.png"/></a>
						</dt>
						<dd class="pro-nam">
							<b>5.0折/</b>
							<a href="">京润珍珠珍珠隔离防护套装（乐蜂专供）</a>
							<i></i>
						</dd>
						<dd class="pro-pri">
							<span>￥139</span>
							<b>￥280</b>
							<a class="shop" dan="139" tip="隔离乳">加入购物车</a>
						</dd>
					</dl>
					<div class="pro"></div>
				</div>
			</div>
		</div>

		<div id="banner">
			<img src="img/banner1.png" />
		</div>
		<div id="footer">
			<div class="footer-top">
				<ul>
					<li>
						<a href=""><img src="img/footer1.png" /></a>
					</li>
					<li>
						<a href=""><img src="img/footer2.png" /></a>
					</li>
					<li>
						<a href=""><img src="img/footer3.png" /></a>
					</li>
				</ul>
			</div>
			<div class="footer-center">
				<dl>
					<dt><img src="img/footer4.png"/></dt>
					<dd>
						<strong>新手指南</strong>
						<a href="">购物流程</a>
						<a href="">优惠券规则</a>
						<a href="">联系客服</a>
						<a href="">常见问题</a>
					</dd>
					<dd>
						<strong>付款方式</strong>
						<a href="">在线支付</a>
						<a href="">货到付款</a>
						<a href="">钱包支付</a>
					</dd>
					<dd>
						<strong>配送服务</strong>
						<a href="">配送时效及运费</a>
						<a href="">验货与签收</a>
					</dd>
					<dd>
						<strong>售后服务</strong>
						<a href="">退货政策</a>
						<a href="">退货流程</a>
						<a href="">退款方式及时效</a>
					</dd>
					<dd class="font">
						<strong>乐蜂网微信</strong>
						<b><img src="img/footer5.png"/></b>
					</dd>
				</dl>
			</div>
			<div class="footer-bottom">
				<div class="footer-bottom-a">
					<a href="">关于乐蜂 </a>
					<a href="">免责声明</a>
					<a href="">隐私声明</a>
					<a href="">版权声明</a>
					<a href="">招聘信息</a>
					<a href="">联系我们</a>
					<a href="">帮助中心</a>
					<a href="">友情链接</a>
				</div>
				<div class="footer-bottom-b">
					<span>Copyright&nbsp;©&nbsp;2008-2016 Lefeng.com All Rights Reserved. 天津品简电子商务有限公司</span>
					<a href=""> 津ICP备15005555号-1</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
					<span>京公网安备11010502014183</span>
					<a href=""> 营业执照</a>
				</div>
				<div class="footer-bottom-b">
					<span>公司全称：天津品简电子商务有限公司</span>&nbsp;&nbsp;&nbsp;&nbsp;
					<span>公司固话：400 000 1818</span>&nbsp;&nbsp;&nbsp;&nbsp;
					<span>公司地址：天津市武清区京津电子商务产业园宏瑞道18号</span>
				</div>
				<div class="footer-bottom-c">
					<a href=""><img src="img/footer6.png" /></a>
					<a href=""><img src="img/footer7.png" /></a>
					<a href=""><img src="img/footer8.png" /></a>
					<a href=""><img src="img/footer9.png" /></a>
					<a href=""><img src="img/footer10.png" /></a>
				</div>
			</div>

		</div>
	</body>

</html>